{extend name="template/base_default"}
{block name="header"}
<link rel="stylesheet" href="__CSS__/common.css">
<link rel="stylesheet" href="__CSS__/weui.min.css">
<link rel="stylesheet" href="__CSS__/index.css">
<link rel="stylesheet" href="__CSS__/weuix.min.css"/>
<script src="__JS__/zepto.min.js"></script>
<script src="__JS__/lrz.min.js"></script>
<style>

    .form-head{
        color: white;
        font-size: 16px;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 5px;
        overflow: hidden;
    }
    body{
        background-image:url("__IMG__/bj.png");
        background-repeat:no-repeat;
        background-size:cover;
        text-align: center;
        background-attachment:fixed;
    }
    li{
        list-style: none;
    }
    .body-input{
        outline: none;
        color: #dddddd;
        position: relative;
        border: solid 1px #ffffff;
        background-color: rgba(255, 255, 255, 0);
        float: left;
        margin: auto;
        font-size: 16px;
        height: 41px;
        line-height: 41px;
        border-radius: 5px;
        width: 60%;
        font-family: "Microsoft YaHei UI";
    }
    .bottom-btn{
        width:50%;
        height:100%;
        float: left;
    }
    button{
        border: none;
        color:white;
    }
    .botton1{
        background-color: #FF0000;
    }
    .botton2{
        background-color: #131a34;
    }
    .input-window{
        margin-left: auto;
        margin-right: auto;
        -moz-opacity:0.3; /*Firefox私有，透明度50%*/
        opacity:0.3;/*其他，透明度50%*/
        filter:alpha(opacity=30);
        background-color: white;
        height:110px;
        width:110px;
        border-radius: 10px;
        margin-top: 30px;
    }
    .aa{
        height:3px;
        background-color: white;
        width:40px;
        position:absolute;
        top: 30px;
        left:55px;
    }
    .bb{
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    .form-head ul{
        float: left;
        height:90%;
        width:30%;
        margin-top: 8px;
        margin-left: 8px;
    }
    .form-head ul img{
        width:80px;
        height:80px;
    }
    .box9{
        opacity:0.3;/*其他，透明度50%*/
        filter:alpha(opacity=30);
        background-color: white;
        width:32.6%;
        background-color: white;
        border: solid 1px #545454;
        height:120px;
        float: left;
        text-align:center ;
    }
    .box9 ul{
        margin-top: 10px;
    }
    .into{
        width:50%;
        margin-top: 40px;
    }
</style>
{/block}
{block name="body"}
<div class="form-head" style="height:50px;margin-top:10px;width:90%;border-radius:100px;color:white;line-height:50px;margin-left: auto;margin-right: auto;text-align: center">
    我的车险金<span>0</span>积分
</div>


    <div class="form-head" style="height:140px;margin-top:20px;width:90%;margin-left: auto;margin-right: auto;">
        <a href="{:url('user/protocalorder')}">
        <ul>
            <li><img src="__IMG__/chexian.png"></li>
            <li>车险</li>
        </ul>
        </a>
        <ul>
            <li><img src="__IMG__/lipei.png"></li>
            <li>理赔</li>
        </ul>
        <ul>
            <li><img src="__IMG__/jilu.png"></li>
            <li>记录</li>
        </ul>
    </div>
<div style="margin-top: 80px">
<div class="box9">
    <img src="__IMG__/ab.png" class="into"></div>
</div>
<div class="box9">
    <img src="__IMG__/renshous.png" class="into"></div>
</div>
<div class="box9">
    <img src="__IMG__/taipingyang.png" class="into"></div>
</div>
<div class="box9">
    <img src="__IMG__/tianan.png" class="into"></div>
</div>
<div class="box9">
    <img src="__IMG__/xinhua.png" class="into"></div>
</div>
<div class="box9">
    <img src="__IMG__/yangguang.png" class="into"></div>
</div>
<div class="box9">
    <img src="__IMG__/huatai.png" class="into"></div>
</div>
<div class="box9">
    <img src="__IMG__/zhonghua.png" class="into"></div>
</div>
<div class="box9">
    <img src="__IMG__/ab.png" class="into"></div>
</div>
</div>

{/block}
{block name="footer"}
<script type="text/javascript" src="__JS__/public.js"></script>
<script>
    $(function(){


        //  var f = document.querySelector('#headimgurl');
        $('.headimgurl').change(function () {
            var formdata = new FormData();
            var v_this = $(this);
            var fileObj = v_this.get(0).files;
            url = "weixin.php/weixin/user/up1";
            formdata.append("file", fileObj[0]);
            jQuery.ajax({
                url : url,
                type : 'post',
                data : formdata,
                cache : false,
                contentType : false,
                processData : false,
                dataType : "json",
                success : function(data) {
                    if (data.error == 0) {
                        v_this.next().val(data.src);
                        v_this.parent().css("background-image","url("+data.src+")");
                    }
                }
            });
            return false;
        });
    })

</script>
{/block}